<template>
  <div class="home-container">
    <a-row>
      <a-col :span="24">
        <dataProcess />
      </a-col>
      <a-col :span="24" style="margin-top: 120px;">
        <kindEcharts />
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>

import { ElMessage } from "element-plus";
import emitter from "@/utils/bus";
import dataProcess from './components/data-process'
import kindEcharts from './components/kind-echarts'
const { t: $t } = useI18n();
onMounted(() => {
  emitter.on("loginStatus", (res: any) => {
    if (res === "ok") {
      ElMessage({
        message: $t('LoginSucceeded'),
        type: "success",
      });
    }
  });
});

onBeforeMount(() => {
  emitter.off("loginStatus");
});

</script>

<style scoped lang="scss">
.home-container {
  width: 100%;
  padding: 48px 16px 0 16px;

  .remark-section {
    margin-top: 20px;
    padding: 0 5%;

    .remark-content {
      text-align: left;

      .remark-title {
        font-size: 25px;
        font-weight: 600;
      }

      .remark-desc {
        font-size: 22px;
        font-weight: 500;
      }
    }
  }
}
</style>
